.popover {
  left: auto;
  text-align: right;
}

.popover {
  &.top > .arrow {
    right: 50%;
    left: auto;
    margin-right: var(--popover-arrow-outer-width-negative);
    margin-left: auto;
    &:after {
      margin-right: var(--popover-arrow-width-negative);
      margin-left: auto;
    }
  }
  &.bottom > .arrow {
    right: 50%;
    left: auto;
    margin-right: var(--popover-arrow-outer-width-negative);
    margin-left: auto;
    &:after {
      margin-right: var(--popover-arrow-width-negative);
      margin-left: auto;
    }
  }
}
